<include file="Public:header"/>
<style>
*{margin:0px;padding:0px;font-family:"微软雅黑";font-style:normal}
li{list-style:none}
.bgbox{background:url('bg.png') no-repeat center top;}
.banner{width:1200px;margin:0 auto;height:300px;margin-top:10px}
.b_menu{width:197px;float:left;border:2px solid #FF9333;height:297px}
.b_menu li{height:45px;line-height:45px;width:180px;margin:0 auto;border-bottom:1px dashed #dddddd;font-size:16px}
.b_menu li a:hover{text-decoration:underline;color:#FF9333}
.b_menu span{display:block;float:left}
#icon{height:40;width:45px;margin-top:3px}
#icon img{height:40;width:40px}
/* focus */
#focus{position:relative;width:780px;height:300px;overflow:hidden;float:left;margin-left:10px}
#focus ul{height:420px;position:absolute;}
#focus ul li{float:left;width:780px;height:300px;overflow:hidden;position:relative;background:#dddddd;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btn{position:absolute;height:30px;left:10px;bottom:4px;}
#focus .btn span{
	float:left;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;font-size:16px;margin-right:10px;cursor:pointer;background:#716564;color:#ffffff;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
#focus .btn span.on{background:#317ee7;color:#ffffff;}
/* focus end*/
.b_right{width:200px;float:right}

.title{height:40px;width:1200px;margin:0 auto;font-size:20px;color:#F43101;line-height:40px}
.hot_price{height:265px;width:1200px;margin:0 auto;border:1px solid #dedede;background:#FFF;border-top:2px solid #FF9333}
.hot_price span{display:block;float:left;width:190px;height:255px;padding:5px}
.hot_price span:hover{background:#FD3800}
#img{width:180px;height:180px;background:#fff;padding:5px}
#img img{width:180px;height:180px;}
#titles{width:180px;height:18px;line-height:20px;background:#fff;padding:5px;font-size:13px;overflow:hidden}
#price{width:180px;height:25px;background:#fff;padding:5px;font-size:16px;color:red}
#price em{font-size:18px}

.good_box{width:1200px;height:205px;margin:0 auto;border-top:1px solid #dedede;background:#fff;border-top:2px solid #FF9333}
.left_pic{width:240px;height:205px;float:left}
.left_pic img{width:240px;height:205px}
.right_box{width:950px;height:205px;float:right}
.right_box span{display:block;float:right;width:180px;height:205px;padding:5px}
.img img{width:150px;height:150px;}
.titles{width:150px;height:13px;line-height:20px;background:#fff;padding:5px;font-size:13px;overflow:hidden}
.price{width:150px;height:13px;background:#fff;padding:5px;color:red}
.price em{font-size:15px}

</style>
<script type="text/javascript" src="jquery.1.4.2.js" charset="utf-8"></script>
<script>

</script>
<body>
<div class="bgbox">
	<div class="banner">
		<div class="b_menu">
<volist name="cate" id="cate">
			<li><span id="icon"><img src="__APP__/statics/icons/cate/{$cate.icon}"></span><span><a href="__APP__/c/{$cate.cat_id}">{$cate.cat_name}</a></span></li>
</volist>
		</div>
		<div id="focus">
		<ul>
<volist name="lunbo_ad" id="lun">
			<li>
				<div style="left:0;top:0;">{$lun.content}</div>
			</li>
</volist>
		</ul>
		</div>

		<div class="b_right">{$right_ad[0].content}</div>
	</div>
	<div class="title" style="clear:both">特价商品</div>
	<div class="hot_price">
<volist name="price_goods" id="price_goods">
		<span>
			<li id="img"><a href="__APP__/Goods/item.html?id={$price_goods.goods_id}" target="_blank"><img src="__APP__/{$price_goods.m_pic}"></a></li>
			<li id="titles"><a href="__APP__/Goods/item.html?id={$price_goods.goods_id}" target="_blank">{$price_goods.goods_name}</a></li>
			<li id="price">￥<em>{$price_goods.price}</em><em style="float:right"><a href="__APP__/Goods/item.html?id={$price_goods.goods_id}" target="_blank"><img src="__APP__/weishop/resource/img/buy_now.gif"></a></em></li>
		</span>
</volist>
	</div>

	<div class="title">酒水饮料</div>
	<div class="good_box">
		<ul class="left_pic"><img src="http://d6.yihaodianimg.com/N01/M09/05/B2/CgQCrVKOuGWAHY7KAABNWTGPNtA88600.jpg"></ul>
		<ul class="right_box">
<volist name="f1_goods" id="f1_goods">
			<span>
				<li class="img"><a href="__APP__/Goods/item.html?id={$f1_goods.goods_id}" target="_blank"><img src="__APP__/{$f1_goods.m_pic}"></a></li>
				<li class="titles"><a href="__APP__/Goods/item.html?id={$f1_goods.goods_id}" target="_blank">{$f1_goods.goods_name}</a></li>
				<li class="price">￥<em>{$f1_goods.price}</em></li>
			</span>
</volist>
		</ul>
	</div>

	<div class="title">美容洗护</div>
	<div class="good_box">
		<ul class="left_pic"><img src="http://d8.yihaodianimg.com/N04/M0B/C4/14/CgQDrlKNeiOATAuqAABHltMzq9c87500.jpg"></ul>
		<ul class="right_box">
<volist name="f2_goods" id="f2_goods">
			<span>
				<li class="img"><a href="__APP__/Goods/item.html?id={$f2_goods.goods_id}" target="_blank"><img src="__APP__/{$f2_goods.m_pic}"></a></li>
				<li class="titles"><a href="__APP__/Goods/item.html?id={$f2_goods.goods_id}" target="_blank">{$f2_goods.goods_name}</a></li>
				<li class="price">￥<em>{$f2_goods.price}</em></li>
			</span>
</volist>
		</ul>
	</div>

	<div class="title">母婴儿童</div>
	<div class="good_box">
		<ul class="left_pic"><img src="http://d7.yihaodianimg.com/N01/M09/04/15/CgQCr1KMf8aAAu8HAABHs1vTYVQ36600.jpg"></ul>
		<ul class="right_box">
<volist name="f3_goods" id="f3_goods">
			<span>
				<li class="img"><a href="__APP__/Goods/item.html?id={$f3_goods.goods_id}" target="_blank"><img src="__APP__/{$f3_goods.m_pic}"></a></li>
				<li class="titles"><a href="__APP__/Goods/item.html?id={$f3_goods.goods_id}" target="_blank">{$f3_goods.goods_name}</a></li>
				<li class="price">￥<em>{$f3_goods.price}</em></li>
			</span>
</volist>
		</ul>
	</div>

	<div class="bottom_ad"></div>
</div>

<div style="clear:both"></div>
<script type="text/javascript" src="__APP__/statics/js/banner.js"></script>
<include file="Public:footer"/>